<template>
	<div class="not-found-403">
		<div>
			<img src="@/assets/img/4.svg" />
			<p>
				{{ $t('common.access_deny_403') }}
			</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'Page403',
	computed: {
		message() {
			return 'The webmaster said that you can not enter this page...'
		}
	}
}
</script>

<style lang="scss" scoped>
.not-found-403 {
	display: flex;
	width: 100%;
	height: 100%;
	div {
		text-align: center;
		margin: 20% auto;
	}
	img {
		width: 384.3px;
		height: 128px;
		margin: 0 auto 13px;
		object-fit: contain;
	}
	p {
		width: 100%;
		height: 30px;
		font-family: PingFangSC;
		font-size: 22px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #5f75a0;
	}
}
</style>
